import { NextPage, PageConfig } from 'next';
import Head from 'next/head';
import Button from './button';



interface IProps {
}


/**
 * 首页
 */
const Page: NextPage<IProps> = () => {
	return (
		<>
			<Head>
				<title>首页</title>
			</Head>
			{/* 主背景色 */}
			<div className='mainbg'>
				<img className='img' src='/images/home.jpg' />
				<div className='bg'>

					<Button />
				</div>

				<style jsx>{`
.mainbg{
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 100vw;
height: 100vh;

}
.bg{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
background-color: rgb(35, 34, 34);
width: 100%;
height: 20%;
border-style: none;
padding: 2rem 2rem 5rem 3rem;
{/* padding-left: 1rem;
padding-right: 1rem;
padding-top: 2rem;
padding-bottom: 5rem; */}
}

			`}</style>

			</div>
		</>
	);
};


export const config: PageConfig = {
	amp: false
};

export default Page;

